﻿<phone:PhoneApplicationPage
    x:Class="Organizer.AboutProgramPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" 
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
    xmlns:cmd="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.WP71"
    xmlns:ViewModel="clr-namespace:Organizer.ViewModel"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True">
    <toolkit:TransitionService.NavigationInTransition>
        <toolkit:NavigationInTransition>
            <toolkit:NavigationInTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardIn"/>
            </toolkit:NavigationInTransition.Backward>
            <toolkit:NavigationInTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardIn"/>
            </toolkit:NavigationInTransition.Forward>
        </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
        <toolkit:NavigationOutTransition>
            <toolkit:NavigationOutTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardOut"/>
            </toolkit:NavigationOutTransition.Backward>
            <toolkit:NavigationOutTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardOut"/>
            </toolkit:NavigationOutTransition.Forward>
        </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>

    <phone:PhoneApplicationPage.Resources>

    </phone:PhoneApplicationPage.Resources>

    <phone:PhoneApplicationPage.DataContext>
        <ViewModel:AboutPageViewModel />
    </phone:PhoneApplicationPage.DataContext>

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto" MinHeight="535"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="{Binding LocalizedResources.AppName, Source={StaticResource LocalizedStrings}}" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="{Binding LocalizedResources.AboutProgramPage_Title, Source={StaticResource LocalizedStrings}}" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0" Height="535">
            <ScrollViewer>
                <StackPanel Margin="10,0,0,0">
                    <TextBlock Text="{Binding LocalizedResources.AboutProgramPage_About, Source={StaticResource LocalizedStrings}}" 
                       Style="{StaticResource TitlePanelTextNormalStyle}" HorizontalAlignment="Left" TextWrapping="Wrap"/>

                    <TextBlock Text="{Binding LocalizedResources.AboutProgramPage_VersionTitle, Source={StaticResource LocalizedStrings}}" 
                       Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Left" Margin="12,20,0,0"/>
                    <TextBlock Text="{Binding LocalizedResources.AboutProgramPage_Version, Source={StaticResource LocalizedStrings}}" 
                       Style="{StaticResource TextLighter}" HorizontalAlignment="Left" Margin="12,0,0,20"/>

                    <TextBlock Text="{Binding LocalizedResources.AboutProgramPage_SiteTitle, Source={StaticResource LocalizedStrings}}" 
                       Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Left" Margin="12,0,0,0"/>
                    <HyperlinkButton x:Name="hbtnSite" Foreground="{StaticResource PhoneAccentBrush}" Margin="2,0,0,20" Content="{Binding Path=LocalizedResources.AboutProgramPage_SiteLink, Source={StaticResource LocalizedStrings}}" FontSize="26" HorizontalAlignment="Left">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Tap">
                                <cmd:EventToCommand Command="{Binding GoToFacebookCommand}" />
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </HyperlinkButton>

                    <Button x:Name="btnWriteToDevelopers" Content="{Binding Path=LocalizedResources.AboutProgramPage_WriteToDevelopersButton, Source={StaticResource LocalizedStrings}}" Margin="2,0,0,0" Width="Auto" HorizontalAlignment="Left">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Tap">
                                <cmd:EventToCommand Command="{Binding WriteToDevelopersCommand}" />
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>

                    <Button x:Name="btnMakeReview" Content="{Binding Path=LocalizedResources.AboutProgramPage_MakeReviewButton, Source={StaticResource LocalizedStrings}}" Margin="2,0,0,0" Width="Auto" HorizontalAlignment="Left">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Tap">
                                <cmd:EventToCommand Command="{Binding MakeReviewCommand}" />
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                </StackPanel>
            </ScrollViewer>
        </Grid>
    </Grid>
</phone:PhoneApplicationPage>
